{extend name="index@common/base"/} 
{block name="style"}
 <script type="text/javascript" src="__STATIC__/plugs/echarts.js"></script>
{/block} 
{block name="body"}
<div class="layui-body layui-tab-content index-body" id="cont">
	<div class="park-navigation">
		<div class="navigation-icon">
			<i class="fa {$breadCrumb[0]['icon']}"></i>
		</div>
		<div class="navigation-menu">
			<h2>{$breadCrumb[0]['title']}</h2>
			{if isset($breadCrumb[1])}
			<p>{$breadCrumb[0]['remark']}</p>
			{/if}
		</div>
		<div class="navigation-page">
			<ul>
				<li class="this" data-type="summary">预警总览</li>
				<li data-type="detail">预警详情</li>
			</ul>
		</div>
	</div>
	<div class="park-content" id="page-summary">
		<div class="content-title">
			<div class="title col-10">
				<h3>预警总览</h3>
			</div>
		</div>
		<div class="layui-content">
			 <div id="early_warning_bar" style="float:left;width:49.8%;height:500px;" data-url="{:url('warning/ajax.present/getBarData')}">
			 </div>
			 <div id="early_warning_radar" style="float:right;width:49.8%;height:500px;" data-url="{:url('warning/ajax.present/getRadarData')}">
			 </div>                 
   		</div>
	</div>
	<div class="park-content page-hide" id="page-detail" data-url="{:url('warning/ajax.present/getRadarListData')}">
		<div class="content-title">
			<div class="title col-10">
				<h3>预警详情</h3>
			</div>
		</div>
		<div class="layui-content" style="background:rgba(0,0,0,0.4);width:100%;height:500px;overflow-y:auto;" >
			{volist name="enterpriseList" id="item"}
			 <div class="radar-list" id="enterprise_warning_{$item.id}" style="float:left;width:402px;height:250px;">
			 </div>
			{/volist}          
   		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__JS__/warning/present.js"></script>
{/block}

